<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>Responsive Image</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<!-- 任务1、使用img中的srcset属性，让浏览器自动选择适合的图片 -->
<img src="img/Star.png" alt="star"
     srcset="">

<picture>
    <!-- 任务2、通过picture标签，手动浏览器宽度控制在500px以下，显示1倍图；1000px以下，显示2倍图；1000px以上，显示3倍图 -->
</picture>

</body>
</html>
